Vue.component("top",{
    template:`<div class="container header">
        <div class="span5">
            <div class="logo">
                <a href="index.html">
                    <img src="image/r___________renleipic_01/logo.png" alt="依依不舍"/>
                </a>
            </div>
        </div>
        <div class="span9">
            <div class="headerAd">
                <img src="image/header.jpg" width="320" height="50" alt="正品保障" title="正品保障"/>
            </div>
        </div>
        <div class="span10 last">
            <div class="topNav clearfix">
                <ul>
                    <slot name="nologin" v-if="!myinfo">
                        <li id="headerLogin" class="headerLogin" style="display: list-item;">
                            <a href="login.html">登录</a>|
                        </li>
                        <li id="headerRegister" class="headerRegister" style="display: list-item;">
                            <a href="reg.html">注册</a>|
                        </li>
                    </slot>
                    <slot name="logined" v-else>
                        <li id="headerLogin" class="headerLogin" style="display: list-item;">
                        {{myinfo.cname}}|
                    </li>
                    <li id="headerLogin" class="headerLogin" style="display: list-item;">
                        <a href="olist.html">我的订单</a>|
                    </li>
                    <li id="headerRegister" class="headerRegister" style="display: list-item;">
                        <a href="damai-user/sign/logout">退出</a>|
                    </li>
                    </slot>
                    <li id="headerUsername" class="headerUsername"></li>
                    <li id="headerLogout" class="headerLogout">
                        <a>[退出]</a>|
                    </li>
                    <li>
                        <a>会员中心</a>
                        |
                    </li>
                    <li>
                        <a>购物指南</a>
                        |
                    </li>
                    <li>
                        <a>关于我们</a>
                    </li>
                </ul>
            </div>
            <div class="cart">
                <a href="cart.html">购物车</a>
            </div>
            <div class="phone">
                客服热线:
                <strong>96008/53277764</strong>
            </div>
        </div>
        <div class="span24">
            <ul class="mainNav">
                <li>
                    <a href="index.html">首页</a>
                    |
                </li>

                <li>
                    <a href="clist.html?1&pageIndex=1">
                        女装男装
                    </a>
                    |
                </li>

                <li>
                    <a href="clist.html?2&pageIndex=1">
                        鞋靴箱包
                    </a>
                    |
                </li>

                <li>
                    <a href="clist.html?3&pageIndex=1">
                        运动户外
                    </a>
                    |
                </li>

                <li>
                    <a href="clist.html?4&pageIndex=1">
                        珠宝配饰
                    </a>
                    |
                </li>

                <li>
                    <a href="clist.html?5&pageIndex=1">
                        手机数码
                    </a>
                    |
                </li>

                <li>
                    <a href="clist.html?6&pageIndex=1">
                        家电办公
                    </a>
                    |
                </li>

                <li>
                    <a href="clist.html?7&pageIndex=1">
                        护肤彩妆
                    </a>
                    |
                </li>

            </ul>
        </div>


    </div>`,
    data(){
        return{
            myinfo:null
        };
    },
    methods:{
        getMyinfo(){
            var jwt = sessionStorage.getItem("jwt");
            axios.get("damai-user/sign/myinfo",{
                headers:{
                    Authorization: jwt
                }
            }).then(res=>{
                console.info(res.data);
                this.myinfo = res.data.data;
                this.$alert(res.data.msg);
            });
        }
    },
    created() {
        this.getMyinfo();
    }

})